/* You can add global styles to this file, and also import other style files */
@import "~ng-zorro-antd/style/index.min.css"; /* 引入基本样式 */

/* 分页样式 */
.page_box{
    margin-top: 20px; 
    text-align: right;
}

/* 自定义模态框底部 */
.hmodal{
    .ant-modal-body{
        padding-bottom: 52px !important;
    }
}
.custome_modal_footer{
    position: absolute !important;
    left: 0;
    width: 100%;
    text-align: right;
    border-top: 1px solid #e8e8e8;
    padding-top: 10px;
    button{
        margin-right: 24px;
    }
}
/* 增 删 改 查 按钮样式 */
.btn_group{
    margin-top: 20px;
    button{
        margin-right: 10px;
        background-color: #1890ff;
        border-color: #1890ff;
        color: #fff;
        &:hover,&:focus{
            background-color: #1890ff;
            border-color: #1890ff;
            color: #fff;
        }
    }
    .add{
        background-color: #1890ff;
        border-color: #1890ff;
        color: #fff;
        &:hover,&:focus{
            background-color: #1890ff;
            border-color: #1890ff;
            color: #fff;
        }
    }
    .edit{
        background-color: #13ce66 !important;
        border-color: #13ce66 !important;
        color: #fff !important;
        &:hover,&:focus{
            background-color: #13ce66 !important;
            border-color: #13ce66 !important;
            color: #fff !important;
        }
    }
    .del{
        background-color: #ff4949 !important;
        border-color: #ff4949 !important;
        color: #fff !important;
        &:hover,&:focus{
            background-color: #ff4949 !important;
            border-color: #ff4949 !important;
            color: #fff !important;
        }
    }
    .download{
        background-color: #FFBA00;
        border-color: #FFBA00;
        color: #fff;
        &:hover,&:focus{
            background-color: #FFBA00;
            border-color: #FFBA00;
            color: #fff;
        }
    }
    .disabledBg{
        opacity: .6;
    }
}
.disabledBg{
    opacity: .6;
}

/* 重置右上角用户下拉菜单宽度 */
.login_out{
    width: 150px !important;
    min-width: auto !important;
    position: absolute !important;
    top: -74px !important;
    left: -64px !important;
}
// 遮罩层样式
.cdk-overlay-container,.ant-modal-mask,.ant-modal-wrap{
    top: 70px !important;
    left: 200px !important;
}
// .ant-modal-mask{
//     background-color: transparent !important;
// }

/* 日期区间插件组件样式 */
.date-range{
    left: -200px !important;
}
/* 下拉组件样式 */
.select_custom{
    left: -200px !important;
}
.ant-modal{
    position: fixed;
    top: 150px;
    // left: 450px;
    left: 32%;
}

/* 右键菜单 */
.nz-dropdown-panel{
    position: fixed !important;
    left: 200px !important;
}

/* 弹框 */
#modal_box .ant-modal-wrap{
    overflow: visible;
}